<template>
	<view class="content">
		<view class="one">
			<view class="moneyy"><view class="money">会员余额(￥)</view>
			<view class="moneys">{{money}}.00</view></view>
			<view class="addMoney">去充值 <text class="go"> > </text></view>
		</view>
		
		<view class="grey"></view>
		
		<view class="footer">
			 <image :src="$host+'apc.jpg'" mode="widthFix" class="image"></image>
			 <view class="title">暂时没有余额记录</view>
		</view>
		
		
	</view>
</template>

<script>
	export default{
		data(){
			return{
				 money:0,
				 $host:this.$host
			}
		},
		onLoad(option){
			this.money=option.money
		}
		
	}
</script>

<style>
	.one{
		display: flex;
		 background-color:#fea980;
		 width: 662rpx;
		 height: 200rpx;
		 margin: 0 auto;
		 display: flex;
		 justify-content: space-between;
		 border-radius: 12rpx;
	}
	.money{
		color: white;
		font-size: 28rpx;
	}
	.moneys{
		 color: white;
		 font-size: 51rpx;
		 margin-top: 3rpx;
	}
	.addMoney{
		color: white;
		font-size: 28rpx;
	margin-top: 30rpx;
	margin-right: 33rpx;
	}
	.go{
		font-size: 64rpx;
		color: white;
		position: relative;
		top: 12rpx;
		margin-left: 6rpx;
	}
	.moneyy{
		margin-left: 38rpx;
		margin-top: 33rpx;
	}

.grey{
	width: 100%;
	height: 14px;
	background-color: #f4f4f4;
	margin-top: 40rpx;
}
.image{
	 width: 142px;
}
.title{
	  margin-top: 28rpx;
}
.footer{
	text-align: center;
	margin-top: 60px;
}
</style>